<template>
    <section class="center-container">
        <div class="left">
            <plant-1-left-header></plant-1-left-header>
            <home-plant-1-swiper></home-plant-1-swiper>
            <home-plant-1-list></home-plant-1-list>
            <a href="https://www.scvtc.edu.cn/ggfw1/xyxw.htm">
            <div class="more">MORE</div></a>
        </div>
        <div class="right">
            <plant-1-right-header
                src="https://www.scvtc.edu.cn/images/tit-icon2.png"
                title="通知公告"
            ></plant-1-right-header>
            <home-plant-1-right-list></home-plant-1-right-list>
        
            <a href="https://www.scvtc.edu.cn/ggfw1/xygg.htm">
                <div class="more">
                    MORE</div></a>
        </div>
    </section>
</template>

<script setup lang="ts">
import Plant1LeftHeader from "./Plant1Header.vue";
import Plant1RightHeader from "./Plant1Header.vue";
import HomePlant1Swiper from "./HomePlant1Swiper.vue";
import HomePlant1List from "./HomePlant1List.vue";
import HomePlant1RightList from "./HomePlant1RightList.vue"
</script>

<style scoped lang="scss">
    .center-container {
        display: flex;
        margin-top: 40px;
        background: url("https://www.scvtc.edu.cn/images/s1-bj.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 100px;
        .left {
            width: 850px;
            margin-right: 40px;
            overflow: hidden;
            
        }
        .more{
                color: #eee;
                font-weight: bolder;
                height: 40px;
                border-bottom: 5px solid #eee;
                text-align: center;
                margin-top: 25px;
                font-size: 18px;
        }
        .more:hover{
                color: #921C1C;
                border-bottom: 5px solid #921C1C;
        }
        .right {
            width: 650px;
            overflow: hidden;
        }
    }
</style>